<template>
	<view >
		<navigator  :url="'../components/vplay?cc='+ x.name+'&tt='+ x.lite"   v-for="x in vlist " :key="x.name">
			<image :src="x.img " mode="scaleToFill"></image>
			<view class="litt">{{x.lite}}</view>
		</navigator>
		
	</view>
	
	
</template>

<script>
	
	export default {
		
		data() {
			return {
				vlist:[
					{name:"v-怪美的",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"怪美的",
					 },
					{name:"v-消极掰",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"消极掰",
					 },
					{name:"v-play",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"play",
					 },
					{name:"v-日不落",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"日不落",
					 },
					{name:"v-花蝴蝶",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"花蝴蝶",
					 },
					{name:"v-七上又八下",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"七上又八下",
					 },
					{name:"v-野蛮游戏",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"野蛮游戏",
					 },
					{name:"v-特务J",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"特务J",
					 },
					{name:"v-说爱你",
					 img:"http://img2.imgtn.bdimg.com/it/u=2212488333,3609456183&fm=26&gp=0.jpg",
					 lite:"说爱你",
					 },]
			};
		},
         methods:{
			
		 }
	};		
	
</script>

<style>
	image{
		width: 20%;
		height: 60px;
		flex-shrink: 0;
		margin-right: 30px;
	}
	navigator{
		display: flex;
		flex-wrap: nowrap;
		margin-bottom: 10px;
		height: 60px;
		width: 100%;
		 background-color: #8F8F94;
	}
	.litt{
		line-height: 60px;
		text-align: center;

	}
		
</style>
